<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="梅子">
    <title></title>
    <style>
      body{
        margin: 0;
        position: relative;
      }
      a{
        color: inherit;
        text-decoration: none;
      }
      main{
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 0;
        text-align: center;
        background-size: 100% 100%;
        background-image: url(jinmao6.jpeg)
      }
      h1{
        letter-spacing: 15px;
      }
      ul{
        padding: 0;
        margin: 0;
        list-style: none;
      }
      .box{
       position: relative;
       left: 50px;
      }
      .box li{
        width: 100px;
        height: 30px;
        line-height: 30px;
        margin: 10px;
        border: 1px solid #aaa;
        border-radius: 10px;
        box-shadow: yellow;
        
      }
      .clear{
        clear:both;
      }
      .box .active{
        width: 120px;
      }
    
    </style>
</head>
<body>
  <main>
     <h1>金毛！ 金毛！  我爱你 </h1>
    <ul class="box">
     
      <!--<li class="active"><a href=#>作业:</a></li>-->
    <li><a href="百度.html">百度</a><br></li>
    <li><a href="简易日历.html">简易日历</a><br></li>
    <li> <a href="轮播图.html">轮播图</a><br></li>
    <li><a href="./千图网/千图网.html">千图网</a><br></li>
    <li> <a href="./img/明星片.html">明星片</a><br></li>
    <li><a href="./img/car.html">车</a></li>
    <li class="active"> <a href="./img/car2.html">看重哪个点那个</a></li>
    <li><a href="优酷导航栏.html">优酷导航栏</a></li>
    <li> <a href="优酷复杂导航栏.html">优酷导航栏2</a>
    <li><a href="./唯品会/唯品会.html">唯品会</a></li>
    <li> <a href="选项卡.html">选项卡</a>
    <li><a href="下拉菜单.html">下拉菜单</a></li>
    <li><a href="订单.html">订单</a></li>
    <li> <a href="./遮罩层/鼠标遮罩层.html">遮罩层</a>
    <li><a href="./轮播图/jquery写轮播图.html">轮播图</a></li>
     <li><a href="星际评分.html">星际评分</a></li>
    <li> <a href="./图片转换/图片转换.html">图片转换</a></li>
    <li> <a href="./小米网页/index.html">小米网页</a></li>
    <div class="clear"></div>
    </ul>
    </main>
</body>
</html>